<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      /*
        vw/vh 适配：
          目的：让一套代码能在不同大小设备下等比例呈现效果
          思路：
            1 vw === 屏幕宽度的 1%

          问题：已知设计稿（基于iphone6/7/8, 宽度375px）给出元素高度 200px，请问多少 vw？

          x vw = 设计稿元素大小 / 3.75
      */
    </script>
  </body>
</html>
